* {
    padding: 0;
    margin: 0;
}

body {
    background-color: #e7e7e7;
    font-family: 'Microsoft Yahei';
    font-size: 12px;
}

a {
    text-decoration: none;
}

.clear {
    clear: both;
}

.tpjl {
    background-image: url(../img/qyb.png);
}

.top-bar {
    height: 50px;
    line-height: 50px;
    background-color: #4fc2c3;
    font-size: 18px;
    color: #fff;
    padding-left: 20px;
}

.main-wp {
    background-color: #fff;
    width: 960px;
    margin: 20px auto 0;
    padding: 30px 10px 10px 30px;
}

.toolbar {
    /*margin: 30px;*/
}

.date-picker {
    width: 180px;
    height: 30px;
    /*border: 1px solid #ccc;*/
    float: left;
}

.search-wp {
    width: 376px;
    height: 30px;
    border: 1px solid #ccc;
    float: right;
    margin-right: 20px;
}

.list-items {
    margin-top: 20px;
}

.list-items a {
    border: 1px solid #caebeb;
    width: 298px;
    height: 230px;
    display: block;
    float: left;

    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
}

.list-items a:hover {
    border: 1px solid #50c2c4;
}

.list-items a:hover .del-btn {
    display: block;
}

.del-btn {
    width: 24px;
    height: 24px;
    background-position: -145px -1px;
    position: absolute;
    right: -12px;
    top: -12px;
    display: none;
}

.add-label {
    height: 58px;
    line-height: 58px;
    background-color: #caebeb;
    position: absolute;
    bottom: 0;
    /*width: 100%;*/
    left: 0;
    right: 0;
    text-align: center;
    color: #000;
    font-size: 14px;
}

.add-label i {
    display: block;
    width: 13px;
    height: 7px;
    background-position: -111px -72px;
    position: absolute;
    top: -7px;
    left: 50%;
    margin-left: -6.5px;
}

.add-btn {
    width: 75px;
    height: 75px;
    background-position: 0px -103px;
    margin: 55px auto 0;
}

/*ie8 and +*/
/* .add-btn:hover {
    background-position: -76px -103px;
} */

.list-items a:hover .add-btn {
    background-position: -76px -103px;
}


/*data picker*/

.date-picker span {
    float: left;
    height: 30px;
}

.date-picker span.dp-left, .date-picker span.dp-right {
    width: 30px;
    cursor: pointer;
}

.date-picker span.dp-left {
    background-color: #4fc2c3;
}

.date-picker span.dp-left i {
    display: block;
    width: 8px;
    height: 16px;
    background-position: -66px -71px;
    margin: 7px 0 0 10px;

}

.date-picker span.dp-label {
    font-size: 14px;
    line-height: 28px;
    width: 120px;
    height: 28px;
    text-align: center;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}


.list-items .item-top-bar {
    height: 50px;
    line-height: 50px;
    background-color: #faffff;
    border-bottom: 1px solid #caebeb;
}

.list-items .item-top-bar .admin {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-left: 10px;
    margin-top: 8px;
}

.list-items .item-top-bar span {
    font-size: 16px;
    position: relative;
    top: -11px;
    left: 8px;
}

.list-items .admin-label {
    width: 65px;
    height: 64px;
    background-position: 0px -36px;
    position: absolute;
    top: 0;
    right: 0;
}

.list-items .item-bottom-bar {
    height: 58px;
    background-color: #F6F6F6;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-image: url(../img/line.png);
    background-repeat: repeat-x;
}